@import "../../../../style/app/default/theme";
@import "../../../popup/style/default";
.lexmis-ToastContainer{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:$-toast-index;
	pointer-events:none;
}
.lexmis-Toast.lexmis-Popup{
	padding:$-toast-standard-gap;
	user-select:none;
	&.lexmis--top{
		align-items:flex-start;
	}
	&.lexmis--center{
		align-items:center;
	}
	&.lexmis--bottom{
		align-items:flex-end;
	}
	&.lexmis--loading,&.lexmis--success,&.lexmis--fail{
		>.lexmis_content{
			width:$-toast-standard-size;
			min-height:$-toast-standard-size;
			padding:$-toast-standard-padding;
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:center;
			>.lexmis_spinner,>.lexmis_type{
				flex-shrink:0;
				font-size:$-loading-size;
				margin-bottom:$-mini-gap;
			}
		}
	}
	&.v-enter-active{
		>.lexmis_content{
			animation:fadeIn $-popup-transition forwards;
		}
	}
	&.v-leave-active{
		>.lexmis_content{
			animation:fadeOut $-popup-transition forwards;
		}
	}
	>.lexmis_content{
		min-width:$-toast-standard-size;
		text-align:center;
		white-space:pre-wrap;
		word-break:break-all;
		border-radius:$-toast-border-radius;
		padding:$-toast-normal-padding;
		color:#fff;
		background:$-tippy-bg-color;
	}
}
